<template>
  <div class="carousel">
    <el-carousel trigger="click" :height="height+'px'">
      <el-carousel-item v-for="(item,index) in list" :key="index">
        <img :src="item.url" alt="" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: "Carousel",
  props: {
    height: {
      type: Number,
      default: 700,
    },
    list: {
      type: Array,
      default: [],
    },
  },
  data(){
      return {
        //   item
      }
  }
};
</script>
